<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>LengKeng login</title>
	<script src="js/lucene.js"></script>
	<link rel="stylesheet" href="css/lucene.css" type="text/css" />
	<link rel="stylesheet" href="css/reset.css" type="text/css" />
	<link rel="stylesheet" href="css/forminput.css" type="text/css" />
	<style>
.wrapper-login {
	background: none repeat scroll 0 0 #015AC3;
    border-radius: 5px;
    height: 158px;
    margin: auto;
    padding: 38px 27px 0 34px;
    text-align: center;
    width: 290px;
}

.wrapper-login .field input {
	float: right;
	width: 100%;
	margin-bottom: 10px;
}

body {
	border-top: 6px solid #015AC3;
}

.wrapper-login .btn-login {
	background: none repeat scroll 0 0 #4F4E4C !important;
	border-radius: 3px !important;
	float: right;
	font-size: 13px !important;
	margin-top: 10px;
	padding: 3px;
	color: #ffffff;
}

.logo {
	margin: 25px auto 5px;
	text-align: center;
	width: 400px;
}
.logo img{
	width: 220px;
}
.message {
	float: left;
	margin-top: 10px;
	color: #fff;
}
</style>
</h:head>
<h:body>
	<p:ajaxStatus
		style="bottom: 68%;
				    height: 32px;
				    position: fixed;
				    right: 50%;
				    width: 32px;
				    z-index: 99999;">
		<f:facet name="start">
			<p:graphicImage value="image/loading.gif" />
		</f:facet>

		<f:facet name="complete">
			<h:outputText value="" />
		</f:facet>
	</p:ajaxStatus>
	<div class="logo">
		<img src="image/logo.png" alt="" />

	</div>
	<div class="wrapper-login">
		<h:form>
			<div class="field">
				<p:inputText id="email" value="#{loginBean.userName}"></p:inputText>
				<p:watermark value="tên đăng nhập..." for="email"></p:watermark>
			</div>
			<div class="field">
				<p:password id="pass" value="#{loginBean.passWord}"></p:password>
				<p:watermark value="mật khẩu..." for="pass"></p:watermark>
			</div>
			<p:outputLabel id="message" styleClass="message"
				value="#{loginBean.message}"></p:outputLabel>
			<p:commandButton update="message" action="#{loginBean.checkLogin}"
				styleClass="btn-login" value="Đăng nhập">

			</p:commandButton>
		</h:form>
	</div>
</h:body>
</html>